<template>
  <el-tabs v-model="activeName" >
    <el-tab-pane label="基本信息" name="first">
		<div  style="float:left;margin-left:100px;">
			<dynamic-form :options="[general_information1,general_information3]"></dynamic-form>
		</div>
		<!-- <div  style="float:left;margin-left:100px;">
			<h3>住院基本信息</h3>
			<dynamic-form :options="general_information3"></dynamic-form>
		</div> -->
	</el-tab-pane>
	<el-tab-pane label="病变信息" name="second">
		<dynamic-form :options="[general_information2]"></dynamic-form>
	</el-tab-pane>
    <el-tab-pane label="既往史" name="third">
			<div style="float:left">
				<dynamic-form :options="[commen_history]" ></dynamic-form>
			</div>
			<div  style="float:left;margin-left:80px">
				<dynamic-form :options="[heart_history]" ></dynamic-form>
			</div>
			<div  style="float:left;margin-left:80px">
				<dynamic-form :options="[other_history]" ></dynamic-form>
			</div>
	</el-tab-pane>
    <el-tab-pane label="化验" name="fourth">
		<!-- 改成血压表格类型 -->
		<dynamic-form :options="[test]"></dynamic-form>
	</el-tab-pane>
    <el-tab-pane label="手术及麻醉" name="five">
		<dynamic-form :options="[operate_info]" style="max-width:1200px;" @on-value-change="getValue"></dynamic-form>
	</el-tab-pane>
	<el-tab-pane label="围手术及随访情况" name="six">
		<dynamic-form :options="[around_operate]" style="max-width:1200px;"></dynamic-form>
	</el-tab-pane>
    <el-tab-pane label="血压" name="seven">
		<dynamic-form :options="[blood_pressure]" style="max-width:1200px;"></dynamic-form>
	</el-tab-pane>
	<el-tab-pane label="用药信息" name="eight">
		<dynamic-form :options="[medication_info]" ></dynamic-form>
	</el-tab-pane>
  </el-tabs>
</template>

<script>
import dynamicForm from "lib/components/dynamic-form";
import {
	general_information1,
	general_information3,
	general_information2
} from "./general_information"; //一般资料
import {
	commen_history,
	heart_history,
	other_history
} from "./accompanying-disease"; //既往史
import { test } from "./test"; //化验
import { operate_info } from "./operate_info"; //手术信息
import { around_operate } from "./around_operate"; //围术及随访
import { blood_pressure } from "./blood_pressure"; //血压
import { medication_info } from "./medication_info"; //用药情况
export default {
	name: "aorto-arteritis-form",
	components: {
		dynamicForm
	},
	data() {
		return {
			activeName: "first",
			general_information1,
			general_information2,
			general_information3,
			commen_history,
			test,
			operate_info,
			around_operate,
			blood_pressure,
			medication_info,
			commen_history,
			heart_history,
			other_history
		};
	},
	methods: {
		getValue(val) {
			console.log("val", JSON.stringify(val));
		}
	},
	created() {
		console.log("general_information1", general_information1);
	}
};
</script>

<style>

</style>
